/*@font-face {
    font-family: PingFangSC-Semibold;
    src: url(../public/PingFang_Bold.ttf);
}
@font-face {
    font-family: PingFang-ExtraLight;
    src: url(../public/PingFang_ExtraLight.ttf);
}
@font-face {
    font-family: PingFang-Heavy;
    src: url(../public/PingFang_Heavy.ttf);
}
@font-face {
    font-family: PingFang-Light;
    src: url(../public/PingFang_Light.ttf);
}
@font-face {
    font-family: PingFang-Medium;
    src: url(../public/PingFang_Medium.ttf);
}
@font-face {
    font-family: PingFang-Regular;
    src: url(../public/PingFang_Regular.ttf);
}
@font-face {
    font-family: DIN-Alternate-Bold;
    src: url(../public/DIN_Alternate_Bold.ttf);
}*/

* {
    margin:0;
}
.app {

}
.container {
    position: relative;
    width: 75%;
    /*min-width: 800px;*/
    /*background-color: #FAFAFA;*/
    margin-left: auto;
    margin-right: auto;
}

.home {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.nav {
    /*font-family: PingFangSC-Semibold;*/
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.menu {
    color: #4C4C4C;
    font-size: 20px;
    line-height: 28px;
    padding-left: 70px;
    padding-right: 70px;
    display: inline-block;
    border-bottom: 2px solid transparent;
}
.menu a:link {
    text-decoration: none;
    color: inherit;
}
.menu a:hover {
    text-decoration: none;
    border-bottom: 2px solid;
    border-image: url(../public/border.png) 0 0 1 0;
    color: inherit;
}
.menu a:active {
    text-decoration: none;
    color: inherit;
}
.menu a:visited {
    text-decoration: none;
    color: inherit;
}
.menu a:focus {
    text-decoration: none;
    border-bottom: 2px solid;
    border-image: url(../public/border.png) 0 0 1 0;
    color: inherit;
}

.subNav {
    /*font-family: PingFang-Medium;*/
    position: relative;
    width: 1000px;
}
.subNavMenu {
    color: #4C4C4C;
    font-size: 14px;
    line-height: 20px;
    padding-left: 50px;
    padding-right: 50px;
    display: inline-block;
    animation: showUp 0.5s;
}
@keyframes showUp {
    from {opacity: 0}
    to {opacity: 1}
}

.showcaseWrapper{

}

.showCase {
    width: 255px;
    background-color: inherit;
    margin: 20px;
    padding: 15px;
    display: inline-block;
}
.showCase p {
    font-size: 14px;
    /*font-family: PingFang-Medium;*/
}
.showCase span {
    font-size: 14px;
    /*font-family: DIN-Alternate-Bold;*/
    color: #CCC;
}
.footer {
    font-size: 14px;
    /*font-family: PingFangSC-Regular;*/
    color: #999; 
    line-height: 30px;
    width: 250px;
    border-top: 2px #ccc solid;
}
.footer p:first-child {
    font-size: 20px;
    /*font-family: PingFangSC-Semibold;*/
    color: #4C4C4C;
    line-height: 50px;
}